import styled from 'styled-components'

export const RankWrapper = styled.div`
  .header {
    font-size: 14px;
    color: #000;
    padding: 20px 10px 12px 15px;
  }
`

export const ThemeTitleCover = styled.div`
  height: 63px;
  overflow: hidden;
  .title-wrapper {
    padding: 14px 21px;
    box-sizing: border-box;
    display: flex;
    text-decoration: none;
    cursor: pointer;
    &:hover {
      background: rgb(244,242,242);
    }
    img {
      width: 40px;
      height: 40px;
      overflow: hidden;
    }
    .title-desc {
      padding-left: 5px;
      p {
        margin-bottom: 5px;
      }
    }
  }
  .active {
    background: #E6E6E6;
    &:hover {
      background: #E6E6E6;
      height: 63px;
    }
  }
`